<?php get_header(); ?>           
<div id="content">
    <div class="slider-content_out">
        <div class="slider-content">
            <ul class="bxslider">
                <li><a href="" title=""><img src="<?php echo bloginfo('template_directory'); ?>/images/website.png"/></a></li>
                <li><a href="" title=""><img src="<?php echo bloginfo('template_directory'); ?>/images/website.png"/></a></li>
                <li><a href="" title=""><img src="<?php echo bloginfo('template_directory'); ?>/images/website.png"/></a></li>
            </ul>
        </div><!--end.slider-content-->
    </div><!--end.slider-content-->
    <div class="list-content">

        <ul class="list_website">
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/mobile.png"/></a>
                    <div class="overlay">

                    </div>
                </div>
                <div class="pro"><img src="<?php echo bloginfo('template_directory'); ?>/images/pro.png"/></div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/dt.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/edu.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/company.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/product.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
                <div class="pro"><img src="<?php echo bloginfo('template_directory'); ?>/images/pro.png"/></div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/bds.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/tour.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/product.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
                <div class="pro"><img src="<?php echo bloginfo('template_directory'); ?>/images/pro.png"/></div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/bds.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/tour.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/mobile.png"/></a>
                    <div class="overlay">

                    </div>
                </div>
                <div class="pro"><img src="<?php echo bloginfo('template_directory'); ?>/images/pro.png"/></div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/dt.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/edu.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="">
                <div class="hover-circle effect">
                    <a href="#"><img src="<?php echo bloginfo('template_directory'); ?>/images/company.png"/></a>
                    <div class="overlay">
                        <div class="info">

                        </div>
                    </div>
                </div>
            </li>
            <li class="loadmore">
                <div class="hover-circle effect">
                    <a href="javascript:void(0);"><img src="<?php echo bloginfo('template_directory'); ?>/images/xt.png"/></a>
                    <div class="overlay">
                        <div class="info">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div><!--end#content -->

<div id="container" class="services_fun">
    <ul class="kwicks">
        <li><a href="#pm1"><img src="<?php echo bloginfo('template_directory'); ?>/images/test.png"/></a></li>
        <li><a href="#pm2"><img src="<?php echo bloginfo('template_directory'); ?>/images/2.png"/></a></li>
        <li><a href="#pm3"><img src="<?php echo bloginfo('template_directory'); ?>/images/3.png"/></a></li>
        <li><a href="#pm4"><img src="<?php echo bloginfo('template_directory'); ?>/images/4.png"/></a></li>
        <li><a href="#pm5"><img src="<?php echo bloginfo('template_directory'); ?>/images/5.png"/></a></li>

    </ul>
</div><!--end#container-->
<div id="page">
    <div class="the_men">
        <div class="the_leaning">
            <span>ĐÀO TẠO THIẾT KẾ</span>
            <h2>LẬP TRÌNH WEBSITE</h2>
            <p>THIẾT KẾ CHUYÊN NGHIỆP, LẬP
                TRÌNH ĐA CHỨC NĂNG</p>
        </div>
    </div>
    <div class="container">
        <ul>
            <li>
                <div class="info">
                    <span><a href="#">Nhập môn lập trinh</a> </span><br/>
                    <p>Tổng quan về ngôn ngữ lập trình php, môi trường ứng dụng lập trình php</p>
                </div>
                <div class="thumb"><img src="<?php echo bloginfo('template_directory'); ?>/images/php.png"/> </div>
            </li>
            <li>
                <div class="info">
                    <span><a href="#">Nhập môn lập trinh</a> </span><br/>
                    <p>Tổng quan về ngôn ngữ lập trình php, môi trường ứng dụng lập trình php</p>
                </div>
                <div class="thumb"><img src="<?php echo bloginfo('template_directory'); ?>/images/jquery.png"/> </div>
            </li>
            <li>
                <div class="info">
                    <span><a href="#">Nhập môn lập trinh</a> </span><br/>
                    <p>Tổng quan về ngôn ngữ lập trình php, môi trường ứng dụng lập trình php</p>
                </div>
                <div class="thumb"><img src="<?php echo bloginfo('template_directory'); ?>/images/jps.png"/> </div>
            </li>
            <li>
                <div class="info">
                    <span><a href="#">Nhập môn lập trinh</a> </span><br/>
                    <p>Tổng quan về ngôn ngữ lập trình php, môi trường ứng dụng lập trình php</p>
                </div>
                <div class="thumb"><img src="<?php echo bloginfo('template_directory'); ?>/images/ps.png"/> </div>
            </li>
        </ul>
    </div>
</div>
<?php get_footer(); ?>